<template>
  <div>
           <div class="banner">
        <div class="top">
            <div class="top_l">
                <ul>
                    <li>
                        <a href="#">
                           <router-link to="/">主站</router-link> </a>
                    </li>
                    <li class="fanju">
                        <a href="#">番剧</a>
                        <div class="hide">
                            <div class="hot">
                                <p>热门直播</p>
                                <div class="zhibo1">
                                    <a href="#"><img src="../assets/images/red.png" alt="">
                                        <p>xx酱</p>
                                    </a>
                                    <a href="#"><img src="../assets/images/red.png" alt="">
                                        <p>xx酱</p>
                                    </a>
                                    <a href="#"><img src="../assets/images/red.png" alt="">
                                        <p>xx酱</p>
                                    </a>
                                    <a href="#"><img src="../assets/images/red.png" alt=""></a>
                                    <a href="#"><img src="../assets/images/red.png" alt=""></a>
                                    <a href="#"><img src="../assets/images/red.png" alt=""></a>
                                </div>
                            </div>
                            <div class="hot_l">
                                <p>热门活动</p>
                                <img src="../assets/images/cx.png" alt="">
                                <img src="../assets/images/cx.png" class="img2" alt="">
                            </div>
                        </div>
                    </li>
                    <li> <a href="#"> <router-link to="/zhibo">直播</router-link> </a> </li>
                    <li> <a href="#">会员购</a></li>
                    <li> <a href="#">漫画</a></li>
                    <li> <a href="#">赛事</a></li>
                    <li> <a href="#">游戏中心</a> </li>
                    <li> <a href="#"><i class="el-icon-search"></i> 下载app</a></li>
                </ul>
            </div>
            <div class="top_m">
                <div class="from">
                    <input type="text" name="" id="" placeholder="河洛群侠传">
                    <div class="serach">
                       <i class="el-icon-search"></i> 
                    </div>
                </div>
            </div>
            <div class="top_r">
                <img src="../assets/images/2.jpg" alt="">
               <a href="#"><router-link to="/login">登入</router-link></a>
                
                <a href="#" ><router-link to="/play">注册</router-link></a>
                <span>投稿</span>
            </div>
            <img src="../assets/images/3.png" alt="">
        </div>
       </div>
  </div>
</template>

<script>
import '../css/base.css'
import '../css/head.css'
export default {
    data() {
        return {
            
        }
    },
    methods: {
        
    },
    created() {
        
    },
    watch: {
        
    },
    

}
</script>

<style>
.banner a 
{
    color: white;
}
.top_r a 
{ 
    padding-left: 5px;
}
</style>